﻿<UserControl
	xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
	xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
	xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
	mc:Ignorable="d"
	x:Class="CityLife.ElementToolBar"
	d:DesignWidth="125" d:DesignHeight="125">
    <UserControl.Resources>

        <Storyboard x:Name="ShowPopup">
            <DoubleAnimation
            Duration="00:00:01"
            From="0.00"
             To="1.00"
         Storyboard.TargetName="LayoutRoot"
         Storyboard.TargetProperty="Opacity"
           />
        </Storyboard>

        <Storyboard x:Name="HidePopup">
            <DoubleAnimation
            Duration="00:00:01"
            From="1.00"
             To="0.00"
         Storyboard.TargetName="LayoutRoot"
         Storyboard.TargetProperty="Opacity"
           />
        </Storyboard>
        <Storyboard x:Name="Open">
        	<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="ellipse2" Storyboard.TargetProperty="(Canvas.Left)">
        		<EasingDoubleKeyFrame KeyTime="00:00:00" Value="37.5"/>
        		<EasingDoubleKeyFrame KeyTime="00:00:00.5000000" Value="0"/>
        	</DoubleAnimationUsingKeyFrames>
        	<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="ellipse2" Storyboard.TargetProperty="(Canvas.Top)">
        		<EasingDoubleKeyFrame KeyTime="00:00:00" Value="37.5"/>
        		<EasingDoubleKeyFrame KeyTime="00:00:00.5000000" Value="75"/>
        	</DoubleAnimationUsingKeyFrames>
        	<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="ellipse1" Storyboard.TargetProperty="(Canvas.Left)">
        		<EasingDoubleKeyFrame KeyTime="00:00:00" Value="37.5"/>
        		<EasingDoubleKeyFrame KeyTime="00:00:00.5000000" Value="75"/>
        	</DoubleAnimationUsingKeyFrames>
        	<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="ellipse1" Storyboard.TargetProperty="(Canvas.Top)">
        		<EasingDoubleKeyFrame KeyTime="00:00:00" Value="37.5"/>
        		<EasingDoubleKeyFrame KeyTime="00:00:00.5000000" Value="0"/>
        	</DoubleAnimationUsingKeyFrames>
        	<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="ellipse" Storyboard.TargetProperty="(Canvas.Top)">
        		<EasingDoubleKeyFrame KeyTime="00:00:00" Value="37.5"/>
        		<EasingDoubleKeyFrame KeyTime="00:00:00.5000000" Value="75"/>
        	</DoubleAnimationUsingKeyFrames>
        	<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="ellipse" Storyboard.TargetProperty="(Canvas.Left)">
        		<EasingDoubleKeyFrame KeyTime="00:00:00" Value="37.5"/>
        		<EasingDoubleKeyFrame KeyTime="00:00:00.5000000" Value="75"/>
        	</DoubleAnimationUsingKeyFrames>
        	<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="ellipse3" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)">
        		<EasingDoubleKeyFrame KeyTime="00:00:00" Value="1"/>
        		<EasingDoubleKeyFrame KeyTime="00:00:00.5000000" Value="-50"/>
        	</DoubleAnimationUsingKeyFrames>
        	<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="ellipse3" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)">
        		<EasingDoubleKeyFrame KeyTime="00:00:00" Value="2"/>
        		<EasingDoubleKeyFrame KeyTime="00:00:00.5000000" Value="-50"/>
        	</DoubleAnimationUsingKeyFrames>
        	<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="ellipse3" Storyboard.TargetProperty="(Canvas.Left)">
        		<EasingDoubleKeyFrame KeyTime="00:00:00" Value="37.5"/>
        		<EasingDoubleKeyFrame KeyTime="00:00:00.5000000" Value="50"/>
        	</DoubleAnimationUsingKeyFrames>
        	<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="ellipse3" Storyboard.TargetProperty="(Canvas.Top)">
        		<EasingDoubleKeyFrame KeyTime="00:00:00" Value="37.5"/>
        		<EasingDoubleKeyFrame KeyTime="00:00:00.5000000" Value="50"/>
        	</DoubleAnimationUsingKeyFrames>
        </Storyboard>
        <Storyboard x:Name="Close">
        	<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="ellipse2" Storyboard.TargetProperty="(Canvas.Left)">
        		<EasingDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
        		<EasingDoubleKeyFrame KeyTime="00:00:00.2000000" Value="37.5"/>
        	</DoubleAnimationUsingKeyFrames>
        	<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="ellipse2" Storyboard.TargetProperty="(Canvas.Top)">
        		<EasingDoubleKeyFrame KeyTime="00:00:00" Value="75"/>
        		<EasingDoubleKeyFrame KeyTime="00:00:00.2000000" Value="37.5"/>
        	</DoubleAnimationUsingKeyFrames>
        	<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="ellipse1" Storyboard.TargetProperty="(Canvas.Left)">
        		<EasingDoubleKeyFrame KeyTime="00:00:00" Value="75"/>
        		<EasingDoubleKeyFrame KeyTime="00:00:00.2000000" Value="37.5"/>
        	</DoubleAnimationUsingKeyFrames>
        	<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="ellipse1" Storyboard.TargetProperty="(Canvas.Top)">
        		<EasingDoubleKeyFrame KeyTime="00:00:00" Value="0"/>
        		<EasingDoubleKeyFrame KeyTime="00:00:00.2000000" Value="37.5"/>
        	</DoubleAnimationUsingKeyFrames>
        	<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="ellipse" Storyboard.TargetProperty="(Canvas.Left)">
        		<EasingDoubleKeyFrame KeyTime="00:00:00" Value="75"/>
        		<EasingDoubleKeyFrame KeyTime="00:00:00.2000000" Value="37.5"/>
        	</DoubleAnimationUsingKeyFrames>
        	<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="ellipse" Storyboard.TargetProperty="(Canvas.Top)">
        		<EasingDoubleKeyFrame KeyTime="00:00:00" Value="75"/>
        		<EasingDoubleKeyFrame KeyTime="00:00:00.2000000" Value="37.5"/>
        	</DoubleAnimationUsingKeyFrames>
        	<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="ellipse3" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)">
        		<EasingDoubleKeyFrame KeyTime="00:00:00" Value="-50"/>
        		<EasingDoubleKeyFrame KeyTime="00:00:00.2000000" Value="-0.036"/>
        	</DoubleAnimationUsingKeyFrames>
        	<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="ellipse3" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)">
        		<EasingDoubleKeyFrame KeyTime="00:00:00" Value="-50"/>
        		<EasingDoubleKeyFrame KeyTime="00:00:00.2000000" Value="-2.035"/>
        	</DoubleAnimationUsingKeyFrames>
        	<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="ellipse3" Storyboard.TargetProperty="(Canvas.Left)">
        		<EasingDoubleKeyFrame KeyTime="00:00:00" Value="50"/>
        		<EasingDoubleKeyFrame KeyTime="00:00:00.2000000" Value="37.5"/>
        	</DoubleAnimationUsingKeyFrames>
        	<DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="ellipse3" Storyboard.TargetProperty="(Canvas.Top)">
        		<EasingDoubleKeyFrame KeyTime="00:00:00" Value="50"/>
        		<EasingDoubleKeyFrame KeyTime="00:00:00.2000000" Value="37.5"/>
        	</DoubleAnimationUsingKeyFrames>
        </Storyboard>
        
    </UserControl.Resources>
    
    <Canvas x:Name="LayoutRoot">
	<Canvas Width="125" Height="125" MouseLeave="LayoutRoot_MouseLeave" MouseEnter="Canvas_MouseEnter" Canvas.Left="0">
		 
        <Ellipse x:Name="ellipse" ToolTipService.ToolTip="Destroy" Height="50" Canvas.Left="37.5" Canvas.Top="37.5" Width="50" MouseEnter="ellipse_MouseEnter">
		<Ellipse.Fill><ImageBrush ImageSource="/CityLife;Component/Resources/Images/advisors/the_face_128.png" ></ImageBrush>
		</Ellipse.Fill>
		</Ellipse>
        <Ellipse x:Name="ellipse1" Height="50" Width="50" Canvas.Left="37.5" Canvas.Top="37.5" MouseEnter="ellipse_MouseEnter">
				<Ellipse.Fill><ImageBrush ImageSource="/CityLife;Component/Resources/Images/advisors/murdock_128.png" ></ImageBrush>
		</Ellipse.Fill>
		</Ellipse>
		<Ellipse x:Name="ellipse2" Height="50" Width="50" Canvas.Left="37.5" Canvas.Top="37.5" MouseEnter="ellipse_MouseEnter">
				<Ellipse.Fill><ImageBrush ImageSource="/CityLife;Component/Resources/Images/advisors/annibal_128.png" ></ImageBrush>
		</Ellipse.Fill>
		</Ellipse>
        <Ellipse x:Name="ellipse3" Height="50" Width="50" Canvas.Left="37.5" Canvas.Top="37.5" MouseEnter="ellipse_MouseEnter" RenderTransformOrigin="0.5,0.5" OpacityMask="#FFD22828">
        	<Ellipse.RenderTransform>
        		<TransformGroup>
        			<ScaleTransform/>
        			<SkewTransform/>
        			<RotateTransform/>
        			<TranslateTransform/>
        		</TransformGroup>
        	</Ellipse.RenderTransform>
				<Ellipse.Fill><ImageBrush ImageSource="/CityLife;Component/Resources/Images/advisors/mario_128.png" ></ImageBrush>
		</Ellipse.Fill>
		</Ellipse>
        <Ellipse Fill="#FFBB0000" Stroke="Black" Height="50" Width="50" Canvas.Left="38" Canvas.Top="38"/>
		
	</Canvas>

	</Canvas>
	
	
</UserControl>